DHTML JavaScript Tree samples

Easy skinable design

dhtmlxTree is highly customizable JavaScript tree menu. Choose one of four tree designs to see how easily the tree appearance can be changed.



Set design 1
Set design 2
Set design 3
Set design 4
 

<div id="treeboxbox_tree" style="width:200;height:200"></div> <script> tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0); tree.setImagePath("../imgs/"); tree.loadXML("tree.xml"); // enable/disable tree lines tree.enableTreeLines(false); // set plus images tree.setImageArrays("plus","","","","open2.gif"); //set minus images tree.setImageArrays("minus","","","","close2.gif"); //set default node images tree.setStdImages("book.gif","books_open.gif","books_close.gif"); </script>

Go to the dhtmlxTree main page or Close this page